<!--
NavBar 导航栏组件
https://ext.dcloud.net.cn/plugin?id=52
-->
<template>
	<view :style="{ height: statusBarHeight }" class="uni-status-bar">
		<slot />
	</view>
</template>

<script>
import sdk from 'sdk'

var statusBarHeight = sdk.getStatusBarHeight()

export default {
	name: 'status-bar',
	data() {
		return {
			statusBarHeight: statusBarHeight + 'px'
		}
	}
}
</script>

<style lang="scss" scoped>
	.uni-status-bar {
		width: 750rpx;
		height: 20px;
	}
</style>
